/* ============================================= 
* Filename : adminz.styles.css
* Template : Admin Panelz
* Author : Stefan Carcu
* Date created : 19.07.2010
* Media : Screen
 ============================================= */

body { background:url(../../images/admin/bg.gif) repeat; margin:70px 0; padding:0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; line-height:18px; color:#636363; }

/* reset */
ul, ol, li em, td, img { margin:0; padding:0; list-style:none; border:0; }

h1, h2, h3, h4, h5, h6 { margin:8px 0; padding:0; }
h1 { font-size:24px; text-transform:uppercase; }
h2 { font-size:22px; text-transform:uppercase; }
h3 { font-size:20px; text-transform:uppercase; }
h4 { font-size:18px; text-transform:uppercase; }
h5 { font-size:16px; text-transform:uppercase; }
h6 { font-size:14px; text-transform:uppercase; }

a, a:visited { text-decoration:none; color:#424242; }
a:hover { color:#969696; }

.clear { height:1%; clear:both; }
.float_left { float:left; }
.float_right { float:right; }
.margin_10_0 { margin:10px 0; }
.margin_0_20 { margin:0 20px; }
.nodisplay { display:none; }
hr { background:none; border:none; border-bottom:1px solid #e8e8e8; margin:60px 0 5px 0; }

/* ============================================= top menu ============================================= */
#top_menu { position: fixed;!important position:absolute; top:0; left:10%; opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; width:80.4%; z-index:1200; }
#top_menu_content { background:#000; height:50px; display:none; color:#fff; }
#top_menu_content ul { margin:12px 25px; float:left;  }
#top_menu_content li { float:left; }
#top_menu_content li a, #top_menu_content li a:visited  { background:none; display:inline-block; color:#FFF; text-decoration:none; padding:4px 10px; margin:6px 16px;  }
#top_menu_content li a:hover  { background:#FFF; color:#000; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px;  }
#top_menu_content li.current a  { display:inline-block; background-color:#fff; color:#000; padding:4px 10px; margin:6px 16px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#top_menu_button { cursor:pointer; height:15px; }
#top_menu_info { float:right; text-align:center; padding:0 10px; }

/* ============================================= top menu drop down ============================================= */
#top_menu_content li { position: relative; }
#top_menu_content li ul.subnav { list-style: none; position: absolute; left: 0; top: 32px; background: #000; margin: 0; padding: 0; display: none; float: left; width: 150px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
#top_menu_content li ul.subnav li{ margin: 0; padding:0; clear: both; width: 150px; }
#top_menu_content li ul.subnav li a { margin: 0; padding: 5px 10px; color:#fff; float: left; width: 130px; background:none; }
#top_menu_content li ul.subnav li a:hover { background:none; color:#999; }

/* ============================================= container ============================================= */
.container { position:relative; margin:auto; width:80%; line-height:18px; }

/* ============================================= corners ============================================= */
.corners { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; }
.corners_bottom { -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.corners_top { -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; border-top-right-radius: 6px; border-top-left-radius: 6px; }
.corners_left { -moz-border-radius-bottomleft:6px; -moz-border-radius-topleft:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-top-left-radius:6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.corners_right { -moz-border-radius-bottomright:6px; -moz-border-radius-topright:6px; -webkit-border-bottom-right-radius:6px; -webkit-border-top-right-radius:6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

/* ============================================= panel ============================================= */
.panel { background-color:#FFF; width:100%; margin:10px 0; padding:2px; overflow:hidden; }
.title { height:18px; width:100%; padding:9px 0; }
.title h6 { padding-left:16px; margin:0; }

.img_list li { float:left; padding:4px; margin:4px; height:96px; width:96px; position:relative; overflow:hidden; }

/* ============================================= inputs ============================================= */
.small_input { height:24px; width:25%; padding:4px 2px 4px 5px; margin:5px; }
.medium_input { height:24px; width:50%; padding:4px 2px 4px 5px; margin:5px; }
.large_input { height:24px; width:80%; padding:4px 2px 4px 5px; margin:5px; }
.text { height:200px; width:90%; padding:4px 2px 4px 5px; margin:5px; }
label { padding:4px 2px 4px 4px; margin:5px; font-size:13px; }

/* ============================================= file input ============================================= */
.file_input_textbox { float: left; border:1px solid #e8e8e8; height:30px; border-right:none; width:30%; padding-left:6px; }
.file_input_div { position: relative; width: 100px; height: 40px; overflow: hidden; }
.file_input_button { background:url(../../images/admin/browse.png) no-repeat; border:none; width: 77px; height:34px; position: absolute; top: 0px; cursor:pointer; }
.file_input_hidden { font-size: 22px; position: absolute; right: 0px; top: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; }

/* ============================================= info messages ============================================= */
.info_success { background:url(../../images/admin/success.png) no-repeat; padding-left:20px; color:#afda2d; }
.info_error { background:url(../../images/admin/wrong.gif) no-repeat; padding-left:20px; color:#df5c0c; }
.info_loading { background:url(../../images/admin/loading.gif) no-repeat; padding-left:20px; }

/* ============================================= buttons ============================================= */
.button { border:none; text-transform:uppercase; font-weight:bold; }
.btn_small { width:102px; height:34px; }
.btn_medium { width:152px; height:34px; }
.btn_large { width:202px; height:34px; }

/* ============================================= list styles ============================================= */
.check_list li { background:url("../../images/admin/success.png") no-repeat left; padding:0px 4px 0 26px; margin:6px; }
.wrong_list li { background:url("../../images/admin/wrong.gif") no-repeat left; padding:0px 4px 0 26px; margin:6px; }
.number_list li { list-style:decimal; padding:0; margin:6px 28px 0 22px; }

/* ============================================= pagination ============================================= */
.pagination a, .pagination a:visited { padding:4px 7px; text-decoration:none; -moz-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-border-radius:4px; }
.pagination .active { padding:4px 7px; text-decoration:none; -moz-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-border-radius:4px; }

/* ============================================= zoom effect for images ============================================= */
.imgtoolbox_bg { background-color:#FFF; position:absolute; top:0; left:0; width:100px; height:100px; display:none; opacity:0.5; filter: alpha(opacity = 50);  }
.imgtoolbox {  position:absolute; top:45px; left:25px; opacity:1.00; filter: alpha(opacity = 100);  display:none; }

/* ============================================= fixed left panel ============================================= */
.fixed_left_panel { position:fixed;!important position:absolute; top:30%; left:0; opacity:0.7; filter: alpha(opacity = 70); height:260px; z-index:1100; }
.show_left_div { cursor:pointer; height:100%; width:20px; color:#FFF; float:left; opacity:1; -moz-border-radius-bottomright:6px; -moz-border-radius-topright:6px; -webkit-border-bottom-right-radius:6px; -webkit-border-top-right-radius:6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.hidden_left_div { background:#000; float:left; display:none; height:100%; color:#FFF; width:160px;opacity:1; }

.fixed_left_panel a, .fixed_left_panel a:visited { color:#FFF; text-decoration:none; }
.fixed_left_panel a:hover { color:#ccc; }

.fixed_left_panel ul { background:url(../../images/admin/icons_left.png) no-repeat right top; margin:16px 0; text-align:right; padding:0 30px 0 0; }
.fixed_left_panel li { padding:5px; }

/* ============================================= fixed right panel ============================================= */
.fixed_right_panel { position:fixed;!important position:absolute; top:30%; right:0; opacity:0.7; filter: alpha(opacity = 70); height:300px; z-index:1150; }
.show_right_div { cursor:pointer; height:100%; width:20px; color:#FFF; float:right; opacity:1; -moz-border-radius-bottomleft:6px; -moz-border-radius-topleft:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-top-left-radius:6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.hidden_right_div { background:#000; float:right; display:none; height:100%; color:#FFF; width:220px;opacity:1; }

.fixed_right_panel a, .fixed_right_panel a:visited { color:#FFF; text-decoration:none; }
.fixed_right_panel a:hover { color:#ccc; }

.date { background:url(../../images/admin/calendar.png) no-repeat; padding:0 0 0 20px; margin:4px 6px; }
.time { background:url(../../images/admin/clock.png) no-repeat; padding:0 0 0 20px; margin:4px 10px; }
.all_appointments { background:url(../../images/admin/all_appointments.png) no-repeat; padding:0 0 0 20px; margin:4px 0; }
.today_appointments { background:url(../../images/admin/today_appointments.png) no-repeat; padding:0 0 0 20px; margin:4px 0; }

/* ============================================= left and right arrow ============================================= */
.left_arrow { background:url(../../images/admin/left_arrow.png) no-repeat center #000; }
.show_right_div:hover { padding:0 2px; }
.right_arrow { background:url(../../images/admin/right_arrow.png) no-repeat center #000; }
.show_left_div:hover { padding:0 2px; }
.up_arrow { background:url(../../images/admin/up_arrow.png) no-repeat center #000; }
#top_menu_button:hover { padding:2px 0; }
.down_arrow { background:url(../../images/admin/down_arrow.png) no-repeat center #000; }

/* ============================================= right panel calendar ============================================= */
.hidden_right_div .ui-datepicker-inline { background:none; border:none; color:#fff; }
.hidden_right_div .ui-datepicker-header { background:none; border:none; color:#fff; }
.hidden_right_div .ui-state-default { background:none; border:none; color:#fff; }
.hidden_right_div .ui-state-default:hover { background-color:#e8e8e8; color:#000; }
.hidden_right_div .ui-state-active { background:none; background-color:#e8e8e8; border:none; color:#000; }

/* ============================================= sortable table ============================================= */
.column {  width:100%; }
.portlet { margin: 0 1em 1em 0; }
.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
.title .ui-icon { float: right; }
.content { padding: 0.4em; }
.content label{float:left;width:100px;}
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

/* ============================================= boxes ============================================= */
a.box { display: block; padding: 12px 12px 12px 52px; color: #333; text-decoration: none; margin: 20px 0; }	
a.box:hover { color: #000; text-decoration:none; }
.close { width: 9px; height: 9px; float: right; background: url("../../images/admin/close_box.png") no-repeat left top; margin: 6px 0; }
.close:hover { background: url("../../images/admin/close_box.png") no-repeat left bottom; }
.succes { border: 1px solid #b3dc7c; background: url("../../images/admin/success.png") no-repeat 10px 50% #e8ffca; }
.error { border: 1px solid #ebb1b1; background: url("../../images/admin/error.png") no-repeat 10px 50% #ffd6d6; }
.warning { border: 1px solid #efdc75; background: url("../../images/admin/warning.png") no-repeat 10px 50% #fff7cb; }
.info { border: 1px solid #afdbee; background: url("../../images/admin/info.png") no-repeat 10px 50% #e4f5fd; }

/* ============================================= footer ============================================= */
#footer {  width:100%; }

/* ============================================= login panel ============================================= */
#login { position:relative; margin:auto; width:500px; }
#login p { margin:15px 0; }

/* ============================================= horizontal scroll ============================================= */
#demo-frame > div.demo { padding: 10px !important; }
.scroll-pane { overflow: auto; width: 99%; float:left; }
.scroll-content { width: 2400px; float: left; }
.scroll-content-item { width: 100px; height: 100px; float: left; margin: 10px; font-size: 3em; line-height: 96px; text-align: center; }
* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto;  }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }
#horinzontal_slider .ui-widget-header { background: none; }